<!--包含头部文件-->
{include file="public/header" /}
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span>店铺管理 <span class="c-gray en">&gt;</span> 库存管理 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
    <div class="cl pd-5 bg-1 bk-gray mt-10">
        <form action="?" method="get" class="l-active">
            <div class="col-md-3">
                选择店铺：
                <span class="select-box inline">
		<select name="shop_name" class="select shop_name">
            <option value="0" {if condition="$shop_id == 0" } selected{/if}>全部</option>
            {volist name="shop_list" id="vo"}
			<option value="{$vo.id}" {if condition="$vo['id'] == $shop_id" } selected{/if}>{$vo.shop_name}</option>
            {/volist}
		</select>
		</span>
            </div>
            <div class="col-md-2">
                选择类别：
                <span class="select-box inline">
		<select name="cate" class="select cate">
            <option value="0" {if condition="$shop_id == 0" } selected{/if}>全部</option>
            {volist name="cate" id="vo"}
			<option value="{$vo.id}" {if condition="$vo['id'] == $cate_id" } selected{/if}>{$vo.name}</option>
            {/volist}
		</select>
		</span>
            </div>
            <div class="col-md-2">
                是否推荐：
                <span class="select-box inline">
		<select name="tuijian" class="select tuijian">
            <option value="2" {if condition="$tuijian == 2" } selected{/if}>全部</option>
			<option value="0" {if condition="$tuijian==0" } selected{/if}>否</option>
			<option value="1" {if condition="$tuijian==1" } selected{/if}>是</option>
		</select>
		</span>
            </div>
            <button class="btn btn-success" type="submit"><i class="Hui-iconfont">&#xe665;</i> 筛选</button>
            <!--<span class="r">-->
                <!--<a href="javascript:;" onclick="admin_add('添加','{:url(\'stock/stock_add\')}','1000','500')" class="btn btn-primary radius">-->
                    <!--<i class="Hui-iconfont">&#xe600;</i>添加-->
                <!--</a>-->
            <!--</span>-->

        </form>
    </div>

    <table class="table table-border table-bordered table-bg">
        <thead>
        <tr>
            <th scope="col" colspan="9">商品列表</th>
        </tr>
        <tr class="text-c">
            <!--<th width="25"><input type="checkbox" name="" value=""></th>-->
            <th width="5%">图片</th>
            <th width="20%">商品名称</th>
            <th>类别</th>
            <th>淘宝/天猫</th>
            <th>价格</th>
            <th>店铺</th>
            <th>推荐</th>
            <th>添加时间</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        {volist name="goods_list" id="vo"}
        <tr class="text-c">
            <!--<td><input type="checkbox" value="1" name=""></td>-->
            <td><img src="{$vo.original_img}" width="100" height="100"></td>
            <td>
                {if condition="$vo['source_url'] == '' "} {$vo.goods_name}
                {else /} <a href="{$vo.source_url}" target="_blank">{$vo.goods_name}</a>
                {/if}

            </td>
            <td>{$vo.cat_name}</td>
            <td>
                {if condition="$vo['shoptype'] == 'B' "} 天猫
                {else /} 淘宝
                {/if}
            </td>
            <td>{$vo.price}</td>
            <td>{$vo.shop_name}</td>
            <td>
                <a href="javascript:void(0);" data-tuijian="{$vo['tuijian']}" onclick="set_tuijian(this,'{$vo.id}')">
                    {if condition="$vo['tuijian'] ==1"} <i class="Hui-iconfont fa-plus" style="color: #0AB025">&#xe6a7;</i> {else /}<i class="Hui-iconfont fa-plus" style="color: red">&#xe6a6;</i>{/if}
                </a>
            </td>
            <td>{$vo.last_update|date='Y-m-d H:i:s',###}</td>

            <td class="td-manage">
                <a title="编辑" href="javascript:;" onclick="goods_edit('商品编辑','{:url(\'stock/stock_edit\',[\'goods_id\'=>$vo.id])}',($(window).width())*0.5,($(window).height())*0.8)" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
                <a title="删除" href="javascript:;" onclick="goods_del(this,'{$vo.id}')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
        </tr>
        {/volist}
        </tbody>
    </table>
    <div class="row">
        <div class="col-sm-2" id="pageBox">
            {$page}
        </div>
    </div>
</div>
<!--包含footer文件-->
{include file="public/footer" /}

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__STATIC__/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="__STATIC__/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="__STATIC__/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript">
    /*
     参数解释：
     title	标题
     url		请求的url
     id		需要操作的数据id
     w		弹出层宽度（缺省调默认值）
     h		弹出层高度（缺省调默认值）
     */
    /*管理员-增加*/
    function admin_add(title,url,w,h){
        layer_show(title,url,w,h);
    }
    /*商品-删除*/
    function goods_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            $.ajax({
                type: 'POST',
                url: '{:url("stock/goods_del")}',
                data:{"goods_id":id},
                dataType: 'json',
                success: function(data){
                    $(obj).parents("tr").remove();
                    layer.msg('已删除!',{icon:1,time:1000});
                },
                error:function(data) {
                    console.log(data.msg);
                },
            });
        });
    }

    /*商品-编辑*/
    function goods_edit(title,url,w,h){
        layer_show(title,url,w,h);
    }

    /*设置推荐*/
    function set_tuijian(obj,id){
        var tuijian = obj.dataset.tuijian;
        if (tuijian == 0){
            layer.confirm('确认要将该商品设置为推荐吗？',function(index){
                $.ajax({
                    type: 'POST',
                    url: '{:url("stock/set_tuijian")}',
                    data:{"goods_id":id,'tuijian':1},
                    dataType: 'json',
                    success: function(data){
                        if (data.code=200){
                            layer.alert('设置成功',{
                                skin: 'layui-layer-molv' //样式类名 自定义样式
                                ,closeBtn: 0  // 是否显示关闭按钮
                                ,anim: 1 //动画类型
                                ,btn: '确认'//按钮
                                ,icon: 6  // icon
                                ,yes:function(){
                                    layer.closeAll();
                                    obj.setAttribute('data-tuijian',1)
                                    $(obj).html( '<i class="Hui-iconfont fa-plus" style="color: #0AB025">&#xe6a7;</i>');
                                }
                            })
                        }
                    },
                    error:function(data) {
                        layer.alert('设置失败：'+data.msg,{
                                skin: 'layui-layer-molv' //样式类名 自定义样式
                                ,closeBtn: 0  // 是否显示关闭按钮
                                ,anim: 1 //动画类型
                                ,btn: '确认'//按钮
                                ,icon: 6  // icon
                            })
                    }
                });
            });
        }else if (tuijian == 1){
            layer.confirm('确认要将该商品取消推荐吗？',function(index){
                $.ajax({
                    type: 'POST',
                    url: '{:url("stock/set_tuijian")}',
                    data:{"goods_id":id,'tuijian':0},
                    dataType: 'json',
                    success: function(data){
                        if (data.code=200){
                            layer.alert('设置成功',{
                                skin: 'layui-layer-molv' //样式类名 自定义样式
                                ,closeBtn: 0  // 是否显示关闭按钮
                                ,anim: 1 //动画类型
                                ,btn: '确认'//按钮
                                ,icon: 6  // icon
                                ,yes:function(){
                                    layer.closeAll();
                                    obj.setAttribute('data-tuijian',0)
                                    $(obj).html( '<i class="Hui-iconfont fa-plus" style="color: red">&#xe6a6;</i>');
                                }
                            })
                        }
                    },
                    error:function(data) {
                        layer.alert('设置失败：'+data.msg,{
                            skin: 'layui-layer-molv' //样式类名 自定义样式
                            ,closeBtn: 0  // 是否显示关闭按钮
                            ,anim: 1 //动画类型
                            ,btn: '确认'//按钮
                            ,icon: 6  // icon
                        })
                    }
                });
            });
        }

        return false;

    }


</script>
</body>
</html>